.resourceDetailShow > div {
  flex: 1;
  width: 100%;
  height: 100%;
}

.resourceDetailShow section {
  margin-bottom: 20px;
  padding-left: 20px;
}


.resourceDetailShow:hover {
  cursor: pointer;
}

.resourceDetailShow section>p {
  font-size: 18px;
  padding: 0;
  margin: 0 0 15px 0;
  color: #ebab21;
}

.resourceDetailShow section>ul {
  display: flex;
  justify-content: space-evenly;
  line-height: 20px;
}
.resourceDetailShow section>ul>li:first-child {
  min-width: 80px;
  text-align: left;
  color: white;
  text-shadow: 0 1px rgba(122, 174, 195, 0.15), 0 1px rgba(122, 174, 195, 0.3),
  0 1px rgba(122, 174, 195, 0.45), 0 1px rgba(122, 174, 195, 0.65),
  0 1px rgba(122, 174, 195, 0.75), 2px 4px 5px rgba(122, 174, 195, 1);
}
.resourceDetailShow section>ul>li:nth-child(2) {
  flex: 1;
  width: 100%;
  height: 100%;
  color: white;
}

.dataScroll {
  animation: move 20s linear infinite;
  animation-play-state: running;
}

.dataScroll:hover, .dataScroll:focus {
  animation-play-state: paused;
}
@keyframes move {
  0% {
    left: 0;
    transform: translate(0, 40%);
  }

  100% {
    left: 100%;
    transform: translate(0, -105%);
  }
}
